// main.js 应用入口 项目的初始化  全局通用的事情
import Vue from 'vue'
import 'normalize.css/normalize.css'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import '@/styles/index.scss' // global css

// 引入根组件
import App from './App'

// 引入vuex
import store from './store'

// 引入路由router
import router from './router'

// 引入icon字体图标
import '@/icons' // icon

Vue.use(ElementUI) // 把elementui中的组件注册为全局可用

// 导入permission.js     模块中如果有同步代码，会立即执行
import './permission.js'
Vue.config.productionTip = false

// 导入pagetools组件，注册为全局
// import PageTools from '@/components/PageTools/index.vue'
// Vue.component('page-tools', PageTools)
import componentPlugin from '@/components/index'
Vue.use(componentPlugin)

// 导入全局指令
// import '@/directive'

// 注册插件
import directivePlugin from '@/directive/index'
Vue.use(directivePlugin)

// vue实例化
new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App) // 类似于template模板，把APP根组件进行渲染挂载  APP根组件一旦渲染    底层的所有子孙组件也会一起渲染
})
